<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			#test {
				width: 100px;
				height: 300px;
				border: 1px solid;
				/*可以放多个颜色*/
				background-image: repeating-linear-gradient(180deg, blue, yellow 7%, green 10%);
				/* background: repeating-linear-gradient(#e66465, #e66465 20px, #9198e5 20px, #9198e5 25px); */
			}
		</style>
	</head>
	<body>
		<div id="test">

		</div>
	</body>
</html>
